@charset "utf-8";
.itemdiv{font-family:Arial;font-size:14px;font-weight:700;line-height:29px;display:inline-block;float:right;height:29px;padding-right:9px;padding-left:9px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;text-align:center;letter-spacing:.4px;color:#fff;background:#d9232d}
@media (max-width:767px){.mhidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991px){.mhidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1023px){.mhidden-md{display:none!important}
}
@media (min-width:1024px){.mhidden-lg{display:none!important}
}
/*input{-webkit-appearance:none}
*/a:active,a:focus,button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,select::-moz-focus-inner{border:0;outline:0}
@font-face{font-family:RL;font-weight:400;font-style:normal;src:url(../fonts/roboto-light-webfont.eot);src:url(../fonts/roboto-light-webfont.woff) format('woff'),url(../fonts/roboto-light-webfont.ttf) format('truetype'),url(../fonts/roboto-light-webfont.svg) format('svg')}
@font-face{font-family:RC;font-weight:400;font-style:normal;src:url(../fonts/Roboto-BoldCondensed.eot);src:url(../fonts/Roboto-BoldCondensed.woff) format('woff'),url(../fonts/Roboto-BoldCondensed.ttf) format('truetype'),url(../fonts/Roboto-BoldCondensed.svg) format('svg')}
@font-face{font-family:RM;font-weight:400;font-style:normal;src:url(../fonts/roboto-medium-webfont.eot);src:url(../fonts/roboto-medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-medium-webfont.woff2) format('woff2'),url(../fonts/roboto-medium-webfont.woff) format('woff'),url(../fonts/roboto-medium-webfont.ttf) format('truetype'),url(../fonts/roboto-medium-webfont.svg#robotomedium) format('svg')}
@font-face{font-family:RL;font-weight:400;font-style:normal;src:url(../fonts/RL.eot);src:url(../fonts/RL.woff) format('woff'),url(../fonts/RL.ttf) format('truetype'),url(../fonts/RL.svg) format('svg')}
@font-face{font-family:iconfont;src:url(../fonts/iconfont.eot?t=1486105146520);src:url(../fonts/iconfont.eot?t=1486105146520#iefix) format('embedded-opentype'),url(../fonts/iconfont.woff?t=1486105146520) format('woff'),url(../fonts/iconfont.ttf?t=1486105146520) format('truetype'),url(../fonts/iconfont.svg?t=1486105146520#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-sousuo:before{content:'\e61e'}
.icon-weibo:before{content:'\e60a'}
.icon-weixin:before{content:'\e66f'}
.img-responsive{max-width:100%}
body{color:#333}
a{color:#333}
.header{ width:100%; -webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.header.act{border-color:transparent;background:#fff; position:fixed; left:0; top:0; width:100%; z-index:1000; box-sizing:border-box; padding:0 60px;}
.header.act .mainli.act::after{opacity:1}
.header.act .mainli .maina{color:#fff}
.header .logo{ padding-top:5px;}
.logo img{max-width:100%;}
.header .mainli{position:relative;float:left;height:100%; width:12.5%; text-align:center;}
.header .mainli::after{position:absolute;bottom:-2px;left:50%;width:0;height:0;content:'';-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;
-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0; border-bottom:4px solid #0065b7; width:60px;}
.header .mainli.act::after{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;opacity:1}
.menu { width:100%;}
.header .mainli .maina{font-size:17px;line-height:63px;display:block;height:100%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;color:#fff}
.header .mainli .maina:hover{color:#fff;}
.header .mainli.act2 a.maina{ color:#fff;}
.header .mainli .maina.iconfont{font-size:22px;padding-bottom:2px;vertical-align:middle}
.header .mainli:last-child .la::after{position:absolute;top:50%;right:0;width:1px;height:16px;content:'';-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#c9c9c9}
.header .dropmenu{position:absolute;top:165px;left:0;width:100%}
.header .dropmenu .drop{display:none;padding-top:5px;padding-bottom:5px; background:#0065b7;}
.header .dropmenu .drop .indrop{width:1200px;margin:auto}
.header .dropmenu .drop ul{width:804px; float:right;}
.header .dropmenu .drop li{ margin:0 16px;  line-height:50px;}
.header .dropmenu .drop li a{ display:inline-block;transform:translateX(0); color:#beddf7; font-size:14px;font-weight: 700;  line-height:50px;}
.header .dropmenu .drop li a:hover{ color:#fff;}
.header .dropmenu .dropsearch{width:521px;padding-top:20px;padding-bottom:20px;padding-left:83px}
.header .dropmenu .dropsearch .searchtext{font-size:16px;width:300px;height:33px;border-bottom:1px solid #b7b6b6}
.header .dropmenu .dropsearch .searchsub{font-size:16px;margin-left:25px;color:#ca161a}
.header .dropmenu .linkdiv{padding-right:18px}
.header .dropmenu .linkdiv img{width:291px;height:145px}
.header .dropmenu .linkdiv h4{font-size:16px;margin-top:25px}
.headerm{position:fixed;z-index:1000;top:0;left:0;width:100%; min-height:72px;padding:6px 20px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1); box-sizing:border-box;}
.headerm.act{position:absolute}
.headerm .logodiv{padding-top:5px;}
.headerm .logodiv img{ max-width:320px}
@media (max-width:413px){
.headerm .logodiv img{max-height:40px;}
}

 
.headerm .navbtn{position:relative;width: 37px;height: 34px;margin-top:15px;background:#0065b2;border:none; outline:0;}
.headerm .navbtn span{position:absolute;top:50%;left:50%;display:inline-block;width:26px;height:1px;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}
.headerm .navbtn img{position:absolute;top:50%;left:50%;width:25px;height:25px;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.headerm .navbtn span::after,.headerm .navbtn span::before{position:absolute;left:0;width:26px;height:1px;content:'';background:#fff}
.headerm .navbtn span::before{top:-7px}
.headerm .navbtn span::after{top:7px}
.headerm .navbtn.act span{opacity:0}
.headerm .navbtn.act img{opacity:1}
.dropmenum{position:absolute;top:66px;left:0;display:none;width:100%; padding-right:20px; padding-left:20px;border-top:1px solid #ddd;background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.1); box-sizing:border-box;}
.dropmenum ul .mainli ul{display:none}
.dropmenum ul .mainli h5{font-size:14px; line-height:50px; border-bottom:1px solid #ddd}
.dropmenum ul .mainli h5 a{font-size:14px; display:block; color:#666;}
.dropmenum ul .mainli h5 .fr{line-height:45px;width:30px;height:100%;margin-top:-15px;margin-bottom:-15px;padding-right:10px;text-align:center}
.dropmenum ul .mainli li{padding-top:15px;padding-bottom:15px}
.dropmenum ul .mainli ul{padding-left:35px;border-bottom:1px solid #ddd}
.dropmenum ul .mainli h5 a,.dropmenum ul .mainli li a{color:#333}
.dropmenum ul .mainli h5 a:hover,.dropmenum ul .mainli li a:hover{color:#0065b7;}
.headerm form{line-height:39px;width:100%;height:39px;color:#666;border-bottom:1px solid #ddd}
.headerm form input{width:80%}
.headerm .serbtn{margin-top:6px;cursor:pointer}
.headerm .iconfont{font-size:26px;color:#ccc}
.nbarm{position:relative;z-index:60}
.nav_right { border-left:1px solid #efefef; width:115px; height:92px; box-sizing:border-box; padding-left:25px;}
.nav_right a{ display:inline-block; width:41px; height:92px;}
.global{ background:url(../images/web.png) no-repeat center;}
.global:hover{ background:url(../images/web1.png) no-repeat center;}
.desktop{ background:url(../images/desk.png) no-repeat center;}
.desktop:hover{ background:url(../images/desk1.png) no-repeat center;}

.tra0_3{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.tra1{-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}
.disnone{display:none!important}
.clearfix:after{display:block;clear:both;height:0;content:' '}
.clearfix{zoom:1}
.cp{cursor:pointer}
.ib{display:inline-block;vertical-align:top}
.fb{font-weight:700}
.fl{float:left}
.fr{float:right}
.l,.r{width:50%}
.c_333{color:#333}
.c_666{color:#666}
.c_999{color:#999}
.c_w{color:#fff}
.bg_w{background:#fff}
.c_b{color:#000}
.bg_b{background:#000}
.text-center{text-align:center}
/*---pc 导航--*/
.heabg { background:#fff; width:70%; float:right;}
.tel { line-height:100px; background:url(../images/tel.png) no-repeat left; padding-left:30px; text-align:right;}
.tel strong {font-size:18px; color:#b22734;line-height: 20px;display:inline-block;vertical-align: middle; font-weight:normal;}
.header1 nav {
  height:100px;
  line-height:100px;
}
.header1 nav li {
  float: left;
  background:url(../images/whitex.jpg) no-repeat right;
  position:relative;
  width:10%;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}

.header1 nav li > a {
  color: #333; font-weight:bold;
  font-size:16px;
  display: block;
  position: relative;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.header1 nav li:last-child { background:none;}
.header1 nav li:hover > a, .header1 nav li.cur > a {
  color: #006fc4;
}
.header1 .nav-sub {
  width: 150px;
  background: #fff;
  position: absolute;
  top: 100px;
  left: 0;
  z-index:99;
  height: auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .2s;
          transition: transform .3s .2s;
}
.header1 .nav-sub .n-nav-sub {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all .2s;
          transition: all .2s;
}
.header1 .nav-sub a {
  height:50px;
  line-height: 50px;
  display: block;
  padding: 0 20px;
  text-align: left;
  color: #333;
  font-size: 15px;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.header1 .nav-sub .nav-arrow {
  position: absolute;
  top:20px;
  right: 10px;
  width: 16px;
  height: 16px;
  opacity: 0;
  -webkit-transform: rotate(90deg) translate(0px, 20px);
      -ms-transform: rotate(90deg) translate(0px, 20px);
          transform: rotate(90deg) translate(0px, 20px);
}
.header1 .nav-sub .nav-arrow:before {
  font-size: 16px;
  color: #fff;
}
.header1 .nav-sub a:hover {
  background-color: #006fc4;
  color: #fff;
}
.header1 .nav-sub a:hover .nav-arrow {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
          transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
  opacity: 1;
  -webkit-transform: rotate(90deg) translate(0px, 0px);
      -ms-transform: rotate(90deg) translate(0px, 0px);
          transform: rotate(90deg) translate(0px, 0px);
}
.header1 .nav-sub.active {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
}
.header1 .nav-sub.active .n-nav-sub {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all .2s .3s;
          transition: all .2s .3s;
}
.header1  nav ul>li.active>a{ color:#006fc4;}
@media screen and (max-width:1400px){
.header.act{ padding:0 30px;}
}
@media screen and (max-width:1320px){
.tel{ display:none;}
.heabg{ width:85%;}
}
@media screen and (max-width:1100px){
.header1 nav li > a { font-weight:normal;}
}

@media screen and (max-width:768px){
.headerm{ min-height:50px; padding:6px 10px 3px;}	
.headerm .navbtn{ margin-top:6px; }
.dropmenum{ top:60px; }

}






















/* CSS Document */